<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>js4.3作业2</title>
	</head>
	<body>
		<!--
			需求描述：
			
			有个数组如下
			var student = [
			['小A','女',21,'大一'], ['小B','男',23,'大三'],
			['小C','男',24,'大四'],
			['小D','女',21,'大一'],
			['小E','女',22,'大四'],
			['小F','男',21,'大一'],
			['小G','女',22,'大二'],
			['小H','女',20,'大三'],
			['小I','女',20,'大一'],
			['小J','男',20,'大三']
			]
			把其中大二女生和大三男生的数据显示到ul标签中
		-->
		
		<ul id="ulItem">
			
		</ul>
		<script type="text/javascript">
			var student = [
				['小A','女',21,'大一'], 
				['小B','男',23,'大三'],
				['小C','男',24,'大四'],
				['小D','女',21,'大一'],
				['小E','女',22,'大四'],
				['小F','男',21,'大一'],
				['小G','女',22,'大二'],
				['小H','女',20,'大三'],
				['小I','女',20,'大一'],
				['小J','男',20,'大三']
			];
			var html = "";
			
			// 遍历数组
			for(var i=0; i<student.length; i++){
				var item = student[i];
				var name = item[0];
				var sex = item[1];
				var age = item[2];
				var grade = item[3];
				// 判断性别和年级
				if((sex == '女' && grade == '大二') || (sex == '男' && grade == '大三')){
					html += '<li>' + item + '</li>';
				}
			}
			document.getElementById('ulItem').innerHTML = html;
			
		</script>
	</body>
</html>
